<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <script src="../js/jquery-2.2.1.js"></script>
    <script type="text/javascript" charset="UTF-8">
	
    </script>
</head>
<body>
	<div id="ha">xxx</div>
	<div id="div1"></div>
	<button id="sum">aaa</button>
	<script>
	var htmlstr="<table style='width: 100%;margin-top: 10px;margin-left: 10px;'>"
	$.get("http://localhost:8080/duihua",null,function(data){
      		var c=data.length;
      		for(var i=c;i>0;i--){
      			if(data[c-i].teach=="项道东"){
      				htmlstr+="<tr><td><a style='font-size: 150%;'>"+data[c-i].teach+":</a><br /><a style='margin-left: 20%;background-color: black;'>"+data[c-i].name+"</a></td><td style='float: right;'></td></tr>"
      			}
      			if(data[c-i].teach=="特立"){
      				htmlstr+="<tr><td></td><td style='float: right;margin-right:20px'><a style='background-color: #8A6DE9;color: black;'>"+data[c-i].name+"</a></td></tr>";
      			}
      		}
      		htmlstr+="</table>";
      		mui.init({
    		subpages:[{
      			url:'zzz.html',
      			id:'zzz.html',
      			styles:{
        			top:'45px',//mui标题栏默认高度为45px；
        			bottom:'80px'
      			}
    		}]
  		});
      		document.getElementById("ha").innerHTML=htmlstr;
      	})
	$("#sum").click(function(){
		document.getElementById("ha").innerHTML+=htmlstr;
		mui.init({
    		subpages:[{
      			url:'zzz.html',
      			id:'zzz.html',
      			styles:{
        			top:'45px',//mui标题栏默认高度为45px；
        			bottom:'80px'
      			}
    		}]
  		});
	})
	</script>
</body>
</html>